<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1a5a5a5/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1,width=device-width">
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">

    <title>米透</title>
    <link rel="icon" type="images/png" href="" />
    <meta name="keywords" content="米透" />
    <meta name="description" content="米透" />

    <!-- 功能样式 -->
    <link type="text/css" rel="stylesheet"  href="__ROOT__/public/ForegroundTemplate/css/style.css"/><!-- 公用样式 -->
    <link type="text/css" rel="stylesheet"  href="__ROOT__/public/ForegroundTemplate/css/index.css"/><!-- 首页样式 -->

    <script src="__ROOT__/public/ForegroundTemplate/js/jquery-1.8.3.min.js"></script><!-- 公用 -->
    <!-- 功能样式 -->

    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->

</head>

<body>

<!-- 搜索 -->
<div id="search" class="clearfix">
    <a class="prev fl" href="javascript:history.go(-1);" title="后退">&lt;</a>
    <div class="head fl">订单详情</div>
</div>
<!-- 搜索 -->
<style>
    .ddxq{ width:90%; overflow:hidden; margin:0 2%; padding:0 3%; padding-bottom:10px; background:#fff; border:1px solid #eee; margin-top:10px;}
    .ddxq h4{ display:block; line-height:50px; border-bottom:1px solid #a5a5a5; font-size:14px; color:#3b3b3b;}
    .ddxq h4 span{ float:right; line-height:50px; color:#a5a5a5;}
    .ddxq p{ display:block; overflow:hidden; line-height:30px; font-size:14px; color:#a5a5a5;}
    .ct-4{ padding-bottom:30px;}
</style>
<!-- 内容 -->
<div id="switch">
    <volist name="data" id="vo">
    <div id="cont" class="clearfix">
        <div class="ddxq mt10">
            <if condition="$vo['where'] eq 0 "> <h4 class="mt10">订单状态<span style="color: red">未付款</span></h4>
                <elseif condition="$vo['where'] eq 1"/><h4 class="mt10">订单状态<span style="color: red">发货中</span></h4>
                <elseif condition="$vo['where'] eq 2"/><h4 class="mt10">订单状态<span style="color: red">等待确认</span></h4>
                <else /><h4 class="mt10">订单状态<span style="color: red">已完成</span></h4>
            </if>
            <p>商品名称：￥{$vo.goodid.goods_name}</p>
            <p>货号：{$vo.goodid.goods_num}</p>
            <p>订单总价：￥{$vo.money}</p>
            <p>下单时间：<php>echo date("Y-m-d H-i-s",$vo['time'])</php></p>
        </div>
        <div class="ddxq mt10">
            <h4 class="mt10">收货地址</h4>
            <p>收货人：{$vo.dizhi.add_name}</p>
            <p>收货地址：{$vo.dizhi.add_city}  {$vo.dizhi.add_xiangxi}</p>
            <p>联系电话：{$vo.dizhi.add_tel}</p>
        </div>

        <if condition="$voi eq NULL ">
            <div class="ddxq mt10">
                <h4 class="mt10">物流信息</h4>
                <p>暂无物流信息</p>
            </div>
            <a href="{:U('Face/Ding/delding',['id'=>$vo['id']])}" style="color: red;padding-left: 2vw;">取消此订单</a>
            <else />
            <div class="ddxq mt10">
                <h4 class="mt10">物流信息</h4>
                <p>快递商：{$voi.name}</p>
                <p>快递单号：{$voi.number}</p>
                <p>发货时间：<php>echo date("Y-m-d H-i-s",$voi['time'])</php></p>
            </div>
        </if>
        
    </div>
    </volist>
</div>
<!-- 内容 -->

<!-- javascript -->
<script type="text/javascript">
</script>
<!-- javascript -->
</body>
</html>